.mainx{width: 100%;height: 100%;margin: auto;}
.main_top{width: 100%;max-width: 1440px; height: 550px;margin: auto; padding-top: 70px;}
.matop{width: 45%;height: 410px;position: relative;float: left;margin-left: 2%; margin-right: 3%;}

.bot{height: 120px;background: #67343e; color: #fff;}
.bot .bot_left{width: 20%; height: 100%; position: relative; float: left;}
.bot .bot_left span{width: 80%; height: 50%;  text-align: center; position: relative; float: left;}
.bot .bot_left::after{content: "";width: 1px;height: 62%;background: #fff;position: absolute;left: 80%;top: 21%;opacity: .2;}
.bot .bot_right{width: 80%; height: 100%; position: relative; float: left;}
.bot .bot_font1{width: 95%; height: 47%; font-size: 20px; line-height: 70px; overflow: hidden;white-space :nowrap;text-overflow :ellipsis;text-align: left;}
.bot .bot_font2{width: 95%; height: 40%; font-size: 14px;opacity: .7;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.list {width: 46%;height: 410px;position: relative;float: left;margin-left: 2%; margin-right: 1%;;}
.list .h_rt_tit strong{text-align-last: left;color: #6a3841;}
.list h2{text-align-last: left;color: #000000;margin-top: 15px;}
.list .duo{position: relative;float: right;font-size: 16px; line-height: 42px; color: #000;}
.list img{position: relative;float: right; right: 7px; margin-top: 11px;}
.list .riqi{width: auto;font-size: 14px;text-align: left;margin-top: 4px;}
.list .riqi_nei{text-align-last: left; margin-top: 13px;line-height: 25px; height: 70px; border-bottom: dashed 1px #ccc; }
.list .riqi_nei span{color: #e35762;}
.list li{text-align-last: left;height: 37px;font-size: 16px;line-height: 37px;}
.list li div{width: 80%;position: relative;float: left;overflow: hidden;white-space :nowrap;text-overflow :ellipsis;}
.list li span{position: relative;float: right;color: #999;}
.list ul{margin-top: 16px;}
.main_top .list ul{margin-top: 2px;}

.cen_list{width: 100%; height: 380px; background-color: #f7f5f2; max-width: 1440px; margin: auto;display: flex;justify-content: space-around;}
.cen_list .list{margin-top: 30px;width: 30%;height: 280px;margin-right:auto;margin-left:auto;}
.cen_list_body{background-color: #f7f5f2;width:100%;}
.cen_list .list .h_rt_tit {padding-bottom: 12px;}

.lishi {width: 100%;height: 425px;background-color: rgba(192, 192, 192, 0.3);margin: auto; background: url('cen_img.jpg') no-repeat center; position: relative; background-size: 100% 100%;}
.lishi .biao{width: 65px;height: 65px;background-color: #f2f2f2; color: #000; line-height: 65px; text-align: center; font-size: 36px; border-radius: 50%; position: absolute;}
.lishi .left{top: 40%;left: 5%;}
.lishi .right{top: 40%; right: 5%;}
.lishi div{max-width: 1380px; margin: auto;}
.lishi div img{width: 100%; margin: auto;}

.Rimg_font{width: 100%; max-width: 1400px; margin: auto; font-size: 28px; color: #67343e; margin-top: 40px;padding-left: 12px;font-weight: bold;}
.Rich_image{width: 100%;max-width: 1440px; height: 260px; margin: auto;display: flex;justify-content: space-around; }
.Rich_image img{width: 100%; max-width: 252px;}
.Rich_image div{width: 100%;height: 40px; background-color: rgba(0, 0, 0, 0.4);position: absolute;bottom: 0px; line-height: 40px; font-size: 18px; color: #fff; text-align: center;-webkit-transition: all .5s 0s ease-in-out;transition: all .5s 0s ease-in-out;}
.Rich_image ul li {padding: 14px;}
.Rich_image ul li a {position: relative;display: inline-block;}
.Rich_image ul li a:before{content: "";position: absolute;bottom: 0px;height: 100%;width: 100%;border: 6px #67343e solid;opacity: 0;right: 0;
    -webkit-transition: all .5s 0s ease-in-out;
    transition: all .5s 0s ease-in-out;}
.Rich_image ul li:hover a:before {opacity: 1;}
.Rich_image ul li:hover div {background: none;position: absolute;width: 100%;height: 100%;font-size: 24px;font-weight: bold;color: #ffffff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

/* 轮播图 */
.matop .swiper {width: 100%;height: 100%; position: relative;overflow: hidden;}
.matop .swiper-slide {text-align: center;font-size: 18px;/*background: url('./top_img1.jpg') no-repeat center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;*/}
.matop .swiper-slide .pic {position: relative;overflow : hidden; height: 295px;width: 100%;}
.matop .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.matop .swiper .swiper-pagination {bottom: 125px;}
.matop .swiper-pagination-bullet-active{background: #67343e;}
.matop .swiper-slide .bot .bot_font1, .matop .swiper-slide .bot .bot_font2 { color: #FFFFFF;}


.m_h_rt_tit{display: none; }
@media only screen and (min-width: 1040px) {
    .list h2{font-size: 20px;}
    .list .riqi_nei{font-size: 15px}
    .list li div {font-size: 16px;}
}
@media screen and (max-width: 640px) {
    .Rimg_font{font-size: 18px; margin-top: 20px;padding-left: 3%;margin-bottom: 12px;}
    .Rich_image{display: none; }

    .matop{width: 100%;height: 270px;position: relative;float: left;margin:auto;}
    .main_top{width: 94%;max-width: 1440px; height:755px;margin: auto; padding-top: 40px;}

    .bot{height: 72px;background: #67343e; color: #fff;}
    .bot .bot_right{width: 80%; height: 100%; position: relative; float: left;}
    .bot .bot_font1{font-size: 15px;margin-top: 8px;line-height: 26px; height: 52px;white-space: initial;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .bot .bot_font2{display:none;}
    .bot .bot_left span:nth-child(1){font-size:34px	!important;margin-top: 0% !important;line-height: 50px;}
    .bot .bot_left span:nth-child(2){font-size:12px !important;margin-top: 0% !important;line-height: 30px;}
    .bot .bot_left{width: 30%; height: 100%;}
    .bot .bot_right{width: 70%;margin:auto;}

    .cen_list{height: auto;display: inline-block;}
    .cen_list .list{width:94%;margin-left: 3%;margin-right: 3%;}
    .cen_list .list, .cen_list .list .h_rt_tit {display: none;}
    .cen_list .m_h_rt_tit {border-bottom: 1px #c6c4c2 solid;height: 65px;line-height: 55px;margin-top: 16px;position: relative;display: inline-block;width: 100%;}
    .cen_list .m_h_rt_tit .tit {position: absolute;bottom: 0;left: 3%;}
    .cen_list .m_h_rt_tit .tit strong {line-height: 65px;height: 65px;font-size: 18px;color: #666666;display: inline-block;margin-right: 8px;}
    .cen_list .m_h_rt_tit .tit strong.on {border-bottom: 3px #b51c24 solid;line-height: 65px;height: 65px;font-size: 18px;color: #b51c24;}
    .cen_list .m_h_rt_tit .more {position: absolute;bottom: 0;right: 3%;height: 48px;}
    .cen_list .m_h_rt_tit .more a {line-height: 40px;height: 65px;font-size: 13px;color: #666666;display: none;}
    .cen_list .m_h_rt_tit .more a .duo {float: right;}
    .cen_list .m_h_rt_tit .more a img {float: left;margin-top: 11px;margin-right: 8px;}
    .cen_list .m_h_rt_tit .more a.on,
    .cen_list .list.on {display: inline-block;}
    .cen_list .list {margin-top: 3px;}

    .list .riqi{font-size: 12px;margin-top: 2px;}
    .list .riqi_nei{height: auto;padding-bottom: 5px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .list h2{margin-top:5px;}
    .main_top .list{width:100%;margin-left: 0%;margin-right: 0%;}
    .swiper-button-next{display:none;}
    .swiper-button-prev{display:none;}
    .lishi{height:280px;background: url(../img/m_banshi_1.jpg) no-repeat center top;}
    /* 轮播图 */
    .matop .swiper-slide .pic {position: relative;overflow : hidden; height: 172px;width: 100%;}
    .matop .swiper .swiper-pagination {bottom: 70px;}
}
